<template>
  <div class="comPage">
    <el-form
      :inline="true"
      :model="formInline"
      label-position="right"
      label-width="auto"
      class="formALL"
      :rules="rules"
    >
      <el-row>
        <el-col :span="24">
          <el-form-item label="扫码欢迎语: ">
            <el-input
              v-model="textarea"
              maxlength="500"
              placeholder="您好,欢迎找我咨询,请您认真填写下方问诊卡,因为这有助于我更好的了解您的病情。"
              show-word-limit
              type="textarea"
            />
          </el-form-item>
        </el-col>

        <el-col :span="24">
          <el-form-item label="个人简介：: ">
            <el-input
              v-model="textarea"
              maxlength="500"
              placeholder="请输入个人简历"
              show-word-limit
              type="textarea"
            />
          </el-form-item>
        </el-col>

        <el-col :span="24">
          <el-form-item label="医生擅长: ">
            <el-input
              v-model="textarea"
              maxlength="500"
              placeholder="请输入医生擅长"
              show-word-limit
              type="textarea"
            />
          </el-form-item>
        </el-col>

        <el-col :span="24">
          <el-form-item label="个人荣誉: ">
            <el-input
              v-model="textarea"
              maxlength="500"
              placeholder="请输入荣誉"
              show-word-limit
              type="textarea"
            />
          </el-form-item>
        </el-col>

        <el-col :span="24">
          <el-form-item label="关联线下医生ID：">
            <el-input v-model="formInline.name" placeholder="请输入关联线下医生" clearable />
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
  </div>
</template>
<script setup>
import { ElForm, ElInput, ElRow, ElCol, ElFormItem } from 'element-plus'
import { ref, reactive, toRaw } from 'vue'

// 获取实例的引用，用于调用upload1.submit进行手动上传
const formInline = reactive({
  text1: '0'
})
const formSize = ref('default')
const imageUrl = ref('')
</script>

<style lang="less" scoped>
::v-deep(.el-input) {
  width: 400px;
  height: 40px;
}

::v-deep(.el-textarea) {
  width: 600px;
}

::v-deep(.el-textarea__inner) {
  height: 160px;
}

.avatar-uploader .el-upload {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.avatar-uploader .el-upload:hover {
  border-color: #409eff;
}

.avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 178px;
  height: 178px;
  line-height: 178px;
  text-align: center;
}

.avatar {
  width: 178px;
  height: 178px;
  display: block;
}

//上传的样式
.upLoadImg {
  border: 1px dashed #d9d9d9;
  border-radius: 4px;
  text-align: center;
  width: 120px;
  padding: 10px 15px;

  .title {
    font-size: 12px;
    color: #8c939d;
  }

  .addImg {
    width: 40px;
    height: 40px;
  }
}
</style>
